<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>Music-Box</title>
  <link rel="stylesheet" href="../assets/css/Music-box.css">
  <link href="https://fonts.googleapis.com/css?family=Arvo" rel="stylesheet">
</head>
<body>
  <h1 id="title">Music🎤Box </h1>
  <div class="set">
    <button class="w music">w</button>
    <button class="a music">a</button>
    <button class="s music">s</button>
    <button class="d music">d</button>
    <button class="j music">j</button>
    <button class="k music">k</button>
    <button class="l music">l</button>
    <button class="q music">q</button>
    <button class="r music">r</button>
    <button class="u music">u</button>
    <button class="o music">o</button>
    <button class="i music">i</button>
    <button class="e music">e</button>
    <button class="n music">n</button>
    <button class="p music">p</button>
    <button class="b music">b</button>
    <button class="t music">t</button>
    <button class="g music">g</button>
    <button class="c music">c</button>
    <button class="x music">x</button>
    <button class="v music">v</button>
    <button class="h music">h</button>
    <button class="m music">m</button>
    <button class="f music">f</button>
  </div>
  <script src="../assets/js/Music-box.js" charset="utf-8">

  </script>
</body>

</html>